<!DOCTYPE html>
<!-- saved from url=(0047)https://agmstudio.io/themes/material-style/1.3/ -->
<html lang="zh-CN" class="sb-init">

  <head>
      <link href="Font-Awesome-3.2.1/css/font-awesome.css">
      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
      <meta name="theme-color" content="#333">
      <title>中国矿业大学</title>
      <meta name="description" content="Material Style Theme">
      <link rel="stylesheet" href="./preload.min.css">
      <link rel="stylesheet" href="./plugins.min.css">
      <link rel="stylesheet" href="./style.light-blue-500.min.css">
      <link rel="stylesheet" href="./width-boxed.min.css" id="ms-boxed" disabled="">
       <!-- Bootstrap -->
      <!--button库-->
      <link rel="stylesheet" href="button.css">
      <link rel="stylesheet" href="style.css">
      <!--自建样式表-->
      <link href="css/bootstrap.min.css" rel="stylesheet">
      <link href="./many.css" rel="stylesheet">
      <link rel="stylesheet" href="login/style.css">
      <!--[if lt IE 9]>
          <script src="assets/js/html5shiv.min.js"></script>
          <script src="assets/js/respond.min.js"></script>
      <![endif]-->
  </head>

  <body style="overflow: visible;"> 
    <div class="sb-site-container">
     <header class="ms-header ms-header-primary">
        <div class="container container-full">
          <!-- 导航栏上方的cumt -->
          <div class="ms-title">
            <a href="https://agmstudio.io/themes/material-style/1.3/index.html">
              <img src="cumt.png" alt="" class="cumt-logo-big">               
              <h1 class="animated fadeInRight animation-delay-6">中国矿业大学第三届网络文化节</h1>
            </a>
          </div>
          <!-- 导航栏右边的小按钮 -->
          <div class="header-right">
            <a href="login.html" class="btn-circle btn-circle-primary no-focus animated zoomInDown animation-delay-8">
              <i class="glyphicon glyphicon-user menu-right-logo"></i>
            </a>
            <form class="search-form animated zoomInDown animation-delay-9">
              <input id="search-box" type="text" class="search-input" placeholder="Search..." name="q">
              <label for="search-box">
                <i class="glyphicon glyphicon-search menu-right-logo"></i>
              </label>
            </form>         
          </div>
        </div>
      </header>

      <!-- 导航栏 -->
      <nav class="navbar navbar-static-top yamm ms-navbar ms-navbar-primary">
        <div class="container container-full">
          <div class="navbar-header">
            <a class="navbar-brand" href="#">             
              <img src="cumt.png" alt="" class="cumt-logo-small"> 
              <span class="ms-title">中国矿业大学第三届网络文化节
              </span>
            </a>
          </div>
          <div id="navbar" class="navbar-collapse collapse">
            <ul class="nav navbar-nav">
              <li class="dropdown active">
                 <a href="index-main-page.html" class="animated fadeIn animation-delay-4" data-hover="首页" role="button" aria-haspopup="true" aria-expanded="false" data-name="homepage">首页
                  <i class="glyphicon glyphicon-chevron-down menu-logo"></i>
                </a>            
              </li>
              <li class="dropdown">
                <a href="javascript:void(0)" class="dropdown-toggle animated fadeIn animation-delay-5" data-toggle="dropdown" data-hover="dropdown" data-name="page" aria-expanded="false">关于大赛
                  <i class="glyphicon glyphicon-chevron-down menu-logo"></i>
                </a>
               <ul class="dropdown-menu dropdown-menu-left animated-2x animated fadeIn">
                  <li class="dropdown"><a href="movie-introduction.html">微电影比赛介绍</a></li>
                  <li class="dropdown"><a href="photo-introduction.html">摄影比赛介绍</a></li>
                  <li class="dropdown"><a href="artical-introduction.html">网文比赛介绍</a></li>
                  <li class="dropdown"><a href="adv-introduction.html">公益广告比赛介绍</a></li>
                  <li class="dropdown"><a href="creat-introduction.html">校园文化创意比赛介绍</a></li>
                </ul>
              </li>          
             <li class="dropdown">
                <a href="javascript:void(0)" class="dropdown-toggle animated fadeIn animation-delay-5" data-toggle="dropdown" data-hover="dropdown" data-name="page" aria-expanded="false">我要报名
                  <i class="glyphicon glyphicon-chevron-down menu-logo"></i>
                </a>
               <ul class="dropdown-menu dropdown-menu-left animated-2x animated fadeIn">
                  <li class="dropdown"><a href="movie.html">微电影比赛报名</a></li>
                  <li class="dropdown"><a href="photo.html">摄影比赛报名</a></li>
                  <li class="dropdown"><a href="artical.html">网文比赛报名</a></li>
                  <li class="dropdown"><a href="adv.html">公益广告比赛报名</a></li>
                  <li class="dropdown"><a href="creat.html">校园文化创意比赛报名</a></li>
                </ul>
              </li> 
              <li class="dropdown">
                <a href="#" class="dropdown-toggle animated fadeIn animation-delay-9" data-toggle="dropdown" data-hover="dropdown" role="button" aria-haspopup="true" aria-expanded="false" data-name="ecommerce">联系我们
                  <i class="glyphicon glyphicon-chevron-down menu-logo"></i>
                </a>
                <ul class="dropdown-menu">
                  <li>
                    <a href="#">联系学校</a>
                  </li>
                  <li>
                    <a href="#">联系老师</a>
                  </li>
                  <li>
                    <a href="#">联系BXS</a>
                  </li>
                </ul>
              </li>         
            </ul>
          </div>
        </div>
        <!-- container -->
      </nav>

       <!-- 微电影主页面 -->
      <div class="ms-hero ms-hero-material">
        <span class="ms-hero-bg"></span>
        <div class="container">
        <div class="top-content">
            <div class="inner-bg">
                <div class="container">            
                    <div class="row">
                        <div class="col-sm-6 col-sm-offset-3 form-box">
                          <div class="form-top-register">
                            <div class="form-top-left-register">
                              <h3>微电影作品提交</h3>
                                <p>请按照下列步骤进行填写:</p>
                            </div>
                          </div>
                            <div class="form-bottom">
                             <form role="form" action="" method="post" class="registration-form">
                            
                            <fieldset>
                              <div class="form-top">
                                <div class="form-top-left">
                                  <h3>Step 1 / 5</h3>
                                    <p>作品信息:</p>
                                </div>
                                <div class="form-top-right">
                                  <i class="fa fa-user"></i>
                                </div>
                                </div>
                                <div class="form-bottom">
                                <div class="register-div2">
                                 <label  for="form-your-school">&nbsp&nbsp&nbsp类别：</label>
                                 <select class="register-select">
                                    <option id="register-select-option">剧情片</option>
                                    <option id="register-select-option">纪录片</option>
                                    </select>
                                </div>
                              <div class="form-group">
                                  <input type="text" name="form-yourname" placeholder="网络链接..." class="form-yourname form-control change" id="yourname">
                                </div>
                                <div class="form-group">
                                <input type="text" name="form-student-number" placeholder="时长..." class="form-last-name form-control change" id="form-student-number">
                                </div>  
                                <div class="form-group">
                                <input type="text" name="form-student-number" placeholder="点击率..." class="form-last-name form-control change" id="form-student-number">
                                </div>                                   
                             </div>
                          </fieldset>
                          
                          <fieldset>
                              <div class="form-top">
                                <div class="form-top-left">
                                  <h3>Step 2 / 5</h3>
                                    <p>申报人信息：</p>
                                </div>
                                <div class="form-top-right">
                                  <i class="fa fa-key"></i>
                                </div>
                                </div>
                                <div class="form-bottom">
                                <div class="form-group">
                                  <input type="text" name="form-yourname" placeholder="您的姓名..." class="form-yourname form-control change" id="yourname">
                                </div>
                                 <div class="form-group">
                                  <input type="text" name="form-your-tel" placeholder="您的电话..." class="form-your-tel form-control change" id="form-your-tel" >
                                </div>                               
                                <div class="register-div2">
                                 <label  for="form-your-school">&nbsp&nbsp&nbsp您的学院：</label>
                                 <select class="register-select">
                                    <option id="register-select-option">计算机科学与技术学院</option>
                                    <option id="register-select-option">文法学院</option>
                                    <option id="register-select-option">管理学院</option>
                                 </select>
                                </div>
                                <div class="register-div2">
                                 <label  for="form-your-major">&nbsp&nbsp&nbsp您的专业：</label>
                                 <select class="register-select">
                                    <option id="register-select-option">信息安全</option>
                                    <option id="register-select-option">计算机科学与技术</option>
                                    <option id="register-select-option">信息科学</option>
                                 </select>
                                </div>
                                <div class="register-div2">
                                 <label  for="form-your-grade">&nbsp&nbsp&nbsp您的年级：</label>
                                 <select class="register-select">
                                    <option id="register-select-option">大一</option>
                                    <option id="register-select-option">大二</option>
                                    <option id="register-select-option">大三</option>
                                    <option id="register-select-option">大四</option>
                                 </select>
                                </div>
                                <div class="form-group">
                                  <input type="text" name="form-your-university" placeholder="您的学校..." class="form-your-university form-control change" id="form-your-university" >
                                </div>
                                <div class="form-group">
                                  <input type="text" name="form-your-address" placeholder="您的地址..." class="form-your-address form-control change" id="form-your-address" >
                                </div>
                            </div>
                          </fieldset>
                          
                          <fieldset>
                              <div class="form-top">
                                <div class="form-top-left">
                                  <h3>Step 3 / 5</h3>
                                    <p>指导教师信息</p>
                                </div>                              
                                </div>
                                <div class="form-bottom">                             
                                <div class="form-group">
                                  <input type="text" name="form-yourname" placeholder="老师姓名..." class="form-yourname form-control change" id="yourname">
                                </div>
                                 <div class="form-group">
                                  <input type="text" name="form-your-tel" placeholder="老师电话..." class="form-your-tel form-control change" id="form-your-tel" >
                                </div>
                                 <div class="form-group">
                                  <input type="text" name="form-your-tel" placeholder="老师职务..." class="form-your-tel form-control change" id="form-your-tel" >
                                </div>
                                 <div class="form-group">
                                  <input type="text" name="form-your-tel" placeholder="老师职称..." class="form-your-tel form-control change" id="form-your-tel" >
                                </div>
                            </div>
                          </fieldset>

                          <fieldset>
                              <div class="form-top">
                                <div class="form-top-left">
                                  <h3>Step 4 / 5</h3>
                                    <p>组内其他成员信息：</p>
                                </div>
                                <div class="form-top-right">
                                  <i class="fa fa-key"></i>
                                </div>
                             </div>
                                <div class="form-bottom"> 
                                <h3 id="movie-h3">成员1：</h3>                            
                                    <div class="form-group">
                                      <input type="text" name="form-yourname" placeholder="成员姓名..." class="form-yourname form-control change" id="yourname">
                                    </div>
                                     <div class="form-group">
                                      <input type="text" name="form-your-tel" placeholder="成员电话..." class="form-your-tel form-control change" id="form-your-tel" >
                                    </div>                              
                                    <div class="register-div2">
                                     <label  for="form-your-school">&nbsp&nbsp&nbsp成员学院：</label>
                                     <select class="register-select">
                                        <option id="register-select-option">计算机科学与技术学院</option>
                                        <option id="register-select-option">文法学院</option>
                                        <option id="register-select-option">管理学院</option>
                                     </select>
                                    </div>
                                    <div class="register-div2">
                                     <label  for="form-your-major">&nbsp&nbsp&nbsp成员专业：</label>
                                     <select class="register-select">
                                        <option id="register-select-option">信息安全</option>
                                        <option id="register-select-option">计算机科学与技术</option>
                                        <option id="register-select-option">信息科学</option>
                                     </select>
                                    </div>
                                    <div class="register-div2">
                                     <label  for="form-your-grade">&nbsp&nbsp&nbsp成员年级：</label>
                                     <select class="register-select">
                                        <option id="register-select-option">大一</option>
                                        <option id="register-select-option">大二</option>
                                        <option id="register-select-option">大三</option>
                                        <option id="register-select-option">大四</option>
                                     </select>
                                    </div>  
                                </div>     

                                <div class="form-bottom"> 
                                <h3 id="movie-h3">成员2：</h3>                            
                                    <div class="form-group">
                                      <input type="text" name="form-yourname" placeholder="成员姓名..." class="form-yourname form-control change" id="yourname">
                                    </div>
                                     <div class="form-group">
                                      <input type="text" name="form-your-tel" placeholder="成员电话..." class="form-your-tel form-control change" id="form-your-tel" >
                                    </div>                              
                                    <div class="register-div2">
                                     <label  for="form-your-school">&nbsp&nbsp&nbsp成员学院：</label>
                                     <select class="register-select">
                                        <option id="register-select-option">计算机科学与技术学院</option>
                                        <option id="register-select-option">文法学院</option>
                                        <option id="register-select-option">管理学院</option>
                                     </select>
                                    </div>
                                    <div class="register-div2">
                                     <label  for="form-your-major">&nbsp&nbsp&nbsp成员专业：</label>
                                     <select class="register-select">
                                        <option id="register-select-option">信息安全</option>
                                        <option id="register-select-option">计算机科学与技术</option>
                                        <option id="register-select-option">信息科学</option>
                                     </select>
                                    </div>
                                    <div class="register-div2">
                                     <label  for="form-your-grade">&nbsp&nbsp&nbsp成员年级：</label>
                                     <select class="register-select">
                                        <option id="register-select-option">大一</option>
                                        <option id="register-select-option">大二</option>
                                        <option id="register-select-option">大三</option>
                                        <option id="register-select-option">大四</option>
                                     </select>
                                    </div>  
                                </div>     


                              <div class="form-bottom"> 
                                <h3 id="movie-h3">成员3：</h3>                            
                                    <div class="form-group">
                                      <input type="text" name="form-yourname" placeholder="成员姓名..." class="form-yourname form-control change" id="yourname">
                                    </div>
                                     <div class="form-group">
                                      <input type="text" name="form-your-tel" placeholder="成员电话..." class="form-your-tel form-control change" id="form-your-tel" >
                                    </div>                              
                                    <div class="register-div2">
                                     <label  for="form-your-school">&nbsp&nbsp&nbsp成员学院：</label>
                                     <select class="register-select">
                                        <option id="register-select-option">计算机科学与技术学院</option>
                                        <option id="register-select-option">文法学院</option>
                                        <option id="register-select-option">管理学院</option>
                                     </select>
                                    </div>
                                    <div class="register-div2">
                                     <label  for="form-your-major">&nbsp&nbsp&nbsp成员专业：</label>
                                     <select class="register-select">
                                        <option id="register-select-option">信息安全</option>
                                        <option id="register-select-option">计算机科学与技术</option>
                                        <option id="register-select-option">信息科学</option>
                                     </select>
                                    </div>
                                    <div class="register-div2">
                                     <label  for="form-your-grade">&nbsp&nbsp&nbsp成员年级：</label>
                                     <select class="register-select">
                                        <option id="register-select-option">大一</option>
                                        <option id="register-select-option">大二</option>
                                        <option id="register-select-option">大三</option>
                                        <option id="register-select-option">大四</option>
                                     </select>
                                    </div>  
                                </div>     
                                                            
                          </fieldset>

                          <fieldset>
                              <div class="form-top">
                                <div class="form-top-left">
                                  <h3>Step 5 / 5</h3>
                                    <p>作品简介：</p>
                                </div>
                                <div class="form-top-right">
                                  <i class="fa fa-key"></i>
                                </div>
                                </div>
                                <div class="form-bottom">
                               <div class="form-group">  
                               <label id="movie-lable">您的作品信息简介(不超过300字)</label>                           
                                  <textarea class="form-control" rows="6" id="textarea-movie">

                                  </textarea>
                                  </br>
                                  <button type="submit" class="btn-sign-up">Sign me up!</button>
                                </div>
                            </div>
                          </fieldset>
                        
                        </form>           
                            </div>
                        </div>
                    </div>
                </div>
            </div> 
        </div>   
        </div>
        <!-- container -->
      </div>




       <footer class="ms-footer">
        <div class="container">
          </br>
            <a href="#" id="footer-bottom"> &nbsp老师入驻  &nbsp|</a>
            <a href="#" id="footer-bottom"> &nbsp人才招聘  &nbsp|</a>
            <a href="#" id="footer-bottom"> &nbsp友情链接&nbsp|</a>
            <a href="#" id="footer-bottom"> &nbsp隐私条款</a>              
            </br>
            <img src="bxs.ico"><b>技术支持:</b>BXS (Best eXcited Security) Team
            </br>          
            <a href="#" id="footer-bottom">Copyright © 2017 BXS-team</a>
        </div>
      </footer>
      </div>

   <script async="" src="./analytics.js"></script>
    <script src="./plugins.min.js"></script>
    <script src="./app.min.js"></script>
    <script src="./configurator.min.js"></script>
    <script src="./index.js"></script>
    <script src="js/bootstrap.min.js"></script>
</body></html>